<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Chemise</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="theme-color" content="aquamarine">
    <link rel="stylesheet" type="text/css" media="screen" href="main.css" />
    <link rel="stylesheet" type="text/css" media="all and (orientation:portrait)" href="main-p.css" />
    <link rel="dns-prefetch" href="//cdn.mathjax.org" />
    <script src="main.js"></script>
    <script type="text/x-mathjax-config">
        MathJax.Hub.Config({
            tex2jax: {
                inlineMath: [['$', '$']],
                displayMath: [['$$', '$$']]
            }
        });
    </script>
    <script src="https://cdn.bootcss.com/mathjax/2.7.0/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
</head>
<body id="body">
    <img src="chemise.png" style="width:15%;min-width:200px;margin:20px;border-radius:100%;box-shadow:3px 3px 4px rgba(0, 0, 0, 0.4)" />
    <div class="main">
        <div>
            <input id="chemInput" class="centerInput" style="word-break:break-all"/>
            <button id="start" onclick="processStart()">开始配平</button>
        </div>
        <div style="margin: 5px 5px 5px 5px">
            <h2>预览</h2>
            <div id="inputDisplay" style="font-size:20px;word-break:break-word" style="margin: 5px 5px 5px 5px"></div>
        </div>
    </div>
    <div id="showdiv" class="main" hidden="" style="margin-top:5px">
        <img id="warning" width="32" height="32" hidden="" src="warning.png" style="margin:5px" />
        <p id="output" style="font-size:20px;word-break:break-word"></p>
    </div>
    <div class="main" style="margin-top:5px">
        <h2>使用方法：</h2>
        <p>输入一个未配平的化学方程式，</p>
        <p>形如 KMnO4=K2MnO4+MnO2+O2（高锰酸钾制氧）</p>
        <p>离子表达方式：在电荷上标前加"^"，且正电荷"+"改为"*"，例如钙离子：Ca^2*，硫酸根离子：SO4^2-，高锰酸根离子：MnO4^-</p>
        <h2>常见相对原子质量：</h2>
        <p>1  氢 H  1.00794（1）</p>
        <p>2  氦 He 4.002602（2）</p>
        <p>3  锂 Li 6.941（2）</p>
        <p>4  铍 Be 9.012182（3）</p>
        <p>5  硼 B  10.811（7）</p>
        <p>6  碳 C  12.0107（8）</p>
        <p>7  氮 N  14.0067（2）</p>
        <p>8  氧 O  15.9994（3）</p>
        <p>9  氟 F  18.9984032（5）</p>
        <p>10 氖 Ne 20.1797（6）</p>
        <p>11 钠 Na 22.98976928（2）</p>
        <p>12 镁 Mg 24.3050（6）</p>
        <p>13 铝 Al 26.9815386（8）</p>
        <p>14 硅 Si 28.0855（3）</p>
        <p>15 磷 P  30.973762（2）</p>
        <p>16 硫 S  32.065（5）</p>
        <p>17 氯 Cl 35.453（2）</p>
        <p>18 氩 Ar 39.948（1）</p>
        <p>19 钾 K  39.0983（1）</p>
        <p>20 钙 Ca 40.078（4）</p>
        <p>21 钪 Sc 44.955912（6）</p>
        <p>22 钛 Ti 47.867（1）</p>
        <p>23 钒 V  50.9415（1）</p>
        <p>24 铬 Cr 51.9961（6）</p>
        <p>25 锰 Mn 54.938045（5）</p>
        <p>26 铁 Fe 55.845（2）</p>
        <p>27 钴 Co 58.933195（5）</p>
        <p>28 镍 Ni 58.6934（2）</p>
        <p>29 铜 Cu 63.546（3）</p>
        <p>30 锌 Zn 65.39（4）</p>
        <p>31 镓 Ga 69.723（1）</p>
        <p>32 锗 Ge 72.64（1）</p>
        <p>33 砷 As 74.92160（2）</p>
        <p>34 硒 Se 78.96（3）</p>
        <p>35 溴 Br 79.904（1）</p>
        <p>36 氪 Kr 83.798（2）</p>
        <p>37 铷 Rb 85.4678（3）</p>
        <p>38 锶 Sr 87.62（1）</p>
        <p>39 钇 Y  88.90585（2）</p>
        <p>40 锆 Zr 91.224（2)</p>
        <p>41 铌 Nb 92.90638（2）</p>
        <p>42 钼 Mo 95.94（2）</p>
        <p>43 锝 Tc [97.9072]</p>
        <p>44 钌 Ru 101.07（2）</p>
        <p>45 铑 Rh 102.90550（2）</p>
        <p>46 钯 Pd 106.42（1）</p>
        <p>47 银 Ag 107.868 2（2）</p>
        <p>48 镉 Cd 112.411（8）</p>
        <p>49 铟 In 114.818（3）</p>
        <p>50 锡 Sn 118.710（7）</p>
        <p>51 锑 Sb 121.760（1）</p>
        <p>52 碲 Te 127.60（3）</p>
        <p>53 碘 I  126.90447（3）</p>
        <p>54 氙 Xe 131.293（6）</p>
        <p>55 铯 Cs 132.9054519（2）</p>
        <p>56 钡 Ba 137.327（7）</p>
    </div>
</body>
<script src="index_script.js"></script>
</html>
